<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich">

	<head>
		<title><h:outputText value="#{appRes['short-pageHeaderTitle']} - #{msg['login.header']}" /></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/damate.css"/>
		<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/layout.css"/>
	</head>
	<body>
		<f:view>
			<center>
				<h:graphicImage value="/images/logo.png"/>
				<rich:spacer height="100" />
				<h1>#{appRes['default-pageHeaderTitle']}</h1>
				<rich:spacer height="20" />
				<div class="content-area" style="width:450px; float: none;">
					<h:form>
						<h1><h:outputText value="#{msg['login.header']}" /></h1>						
						<div class="login-content-div">
							<h:graphicImage width="100" style="float: left;" value="/images/lock.png"/>
							<div class="login-input-div">
								<h:outputText value="#{msg['login.username']}: " />
								<h:inputText styleClass="rounded-input" value="#{user.username}" required="true" maxlength="20" /><br />
								<h:outputText value="#{msg['login.password']}: " />
								<h:inputSecret styleClass="rounded-input" value="#{user.password}" required="true" />
							</div>
							<div class="login-button-div">
								<h:commandButton styleClass="small-button-grey" value="#{msg['login.login']}" action="#{userController.login}" />
								<rich:spacer width="3"/>
								<h:commandButton type="button" styleClass="small-button-grey" value="#{msg['login.registration']}"  onclick="window.location.href='registration.jsf'; return false;"  />
							</div>
						</div>							
					</h:form>
				</div>			
			</center>
		</f:view>
	</body>
</html>